@charset "utf-8";
/* CSS Document */

.blue{
	color:#03F;
}

.grey{
	color:#666;
}

.green{
	color:#390;
}

.red{
	color:#F00;
}

.yellow{
	color:#FF0;
}

.pink{
	color:#F0F;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a.underline{
	text-decoration:underline;
	color:#1A1A1A;
}


p.line_height_small{
	line-height:80%;
}
p.line_height_smaller{
	line-height:50%;
}

.textbox_300{
	width:300px;
	height:20px;
}

.textbox_large{
	width:200px;
}

.textbox_medium{
	width:150px;
}

.textbox_40{
	width:40px;
}

.text_large{
	font-size:24px;
	font-weight:400;
}

.text_medium{
	font-size:20px;
	font-weight:300;
}

.text_small{
	font-size:14px;
}
.text_normal{
	font-size:18px;
}

.button_large{
	width:90px;
	color:#1985c3;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}

ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-right:0px;
	right:0px;
}
li{
	text-decoration:none;
}

table{
	margin:0px;
	padding:0px;
	height: 40px;
	width: auto;
}

.clear{
	clear:both;
}


.rows_detail{
	width:100%;
}


.column_left_detail{
	background-color:#F0F0F0;
	padding:5px;
	font-size:20px;
	font-weight:400;
}

.column_right_detail{
	background-color:#F8F8F8;
}

.table_subdetail tr{
	background-color:#F5F5F5;
}

/***************     HTML           *********************/

html {
	margin:0;
	padding:0;	
	background-color:#F4F4F4;
}

body{
	height:100%;
	background-color:#F4F4F4;
	margin:0px;
	padding:0px;
}


.container{
	width:950px;
	margin: 0 auto;
	padding:0px;
	
}

.center{
	text-align:center;
}

.cleardefault{
	color:#9A9A9A;
}

/**********            header     ******************/
#header{
	background-color:#FFF;
}

#top{
	padding-top:3px;
	height:120px;
	width:100%;
	margin-bottom:10px;
}

#top #language_login{
		height:20px;
		background-color:#FFF;
		width:100%;
		margin-bottom:7px;
	}
	#abc{
		float:left;
	}
	
	#language_login #language{
			right:400px;
			position:absolute;
			float:left;
		}
	
	#language_login #link_login{
			float:right;
		}

		#top ul.menu li{
			display:inline;
			color:#000;
		}	
			#top ul.menu li a{			
				border-right: 1px solid black;
				padding-right: 5px;
				color:#000;
			}
			#top ul li:last-child a{
				border: none;
			}

#top #logo_cart{
		height:60px;
	}
	
	#top #logo_cart #logo{
			float:left;
		}
		#top #logo_cart #logo a{
			font-size:48px;
			color:#1985c3;
		}
			#top #logo_cart #logo a:hover{
			text-decoration:none;
		}
		
		#top #top_search{
			float:left;
			margin:35px 0px 0px 80px;
		}
		
		#top #logo_cart #form_cart{
			margin-top:5px;
			float:right;
			border-radius:5px;
			border: 1px solid #e7e7e7;
		}
		#top #logo_cart #form_cart a{
			color:#008446;
		}
	
#top #navigation{
	font-size:24px;
	height:40px;
	width:100%;
}
		#nav{
			position: relative;
		}
		#nav li {
			float: left;
			position: relative;
			margin-right:10px;
		}
			#nav a {
				display: block;
				color:#10777C;
				line-height: 33px;
				text-decoration:underline;
				padding:0px 5px;
			}
			#nav li li a {
				text-decoration:none;
				font-size:14px;
				border:thin #000;
				color:#FFF;
			}
				#nav ul {
						position: absolute;
						width: 200px;
						display: none;
						background-color:#090;
						border:thick #FFF;
						top: 1.3em;
				}
				#nav ul ul{
					top:5px;
				}
				#nav a:hover {
					color:#535353;
					background-color:#FFF;
				}
					 #nav li li {
							width: 100%;
							border-bottom: 1px dotted white;
							display:list-item;
							font-size:14px;
						}
						#nav li:hover ul,#nav li:hover ul ul  {
								display: none;
							}
							
							#nav li:hover ul,#nav li li:hover ul   {
								display:block;
							}
							
							#nav ul ul {
								left: 200px;
							}


/*****************                  Home page                **************/
#ad{
	
}
	#slider{}	
		#slider ul, #slider li{
			margin:0;
			padding:0;
			list-style:none;
		}
		#slider li{ 
			width:950px;
			height:200px;
			overflow:hidden; 
		}	
		#slider li a img{
			width:950px;
			height:200px;
		}
		

#home_menu{
	background-color:#FFF;
	width:100%;
	}
	.home_menu_item{
		float:left;
		padding:5px;
		width:180px;
	}
	 .home_menu_item_image{
		padding:10px;
		background-color:#FFF;	
	}
	#home_menu .home_menu_item .home_menu_item_infor{
		padding:0px 0px 0px 10px;
	}
	#home_menu .home_menu_item .home_menu_item_infor span a{
		font-size:24px;
		color:#090;
	}
	#home_menu .home_menu_item .home_menu_item_infor span a:hover{
		color:#FF8000;
		text-decoration:none;
	}
	#home_menu .home_menu_item .home_menu_item_infor ul{
		margin:5px 0px 0px 0px;
	}
	#home_menu .home_menu_item .home_menu_item_infor ul li{
		margin-left:10px;
		list-style-type:circle;
		font-size:18px;
		line-height:170%;
		list-style-image:url(../Image/list_menu.png);
	}
	#home_menu .home_menu_item .home_menu_item_infor ul li a{
		color:#000;
	}
	#home_menu .home_menu_item .home_menu_item_infor ul li a:hover{
		color:#FF8000;
		text-decoration:none;
	}



/*************************** Content *********************************************/

#content{
	
}

#primary{
	min-height:600px;
	width:100%;
	height:auto;
}

#side_bar{
	width:200px;
	float:left;
}

#main{
	float:left;
	width:750px;
	margin-left:0px;
	height:auto;
}

.infor{
	float:left;
	width:450px;
	padding:10px 0px 0px 20px;
	height:auto;
}

.box{
	border-radius:5px;
	border: 1px solid #e7e7e7;
	background-color:#FFF;
}

.box1{
	clear:both;
	width:748px;
	border-radius:5px;
	border: 1px solid #e7e7e7;
	margin-bottom:10px;
	background-color:#FFF;
}

.box2{
	padding:0px 10px 20px 30px;
	border-radius:5px;
	border: 2px solid #e7e7e7;
	background-color:#FFF;
}

.box3{
	border-radius:5px;
	border: 2px solid #e7e7e7;
	padding:10px;
	margin-left:10px;
	background-color:#FFF;
}

/*****************************            Details Laptop              *******************************/
.col1{
	border-right:1px #666 solid;
	width:300px;
	background-color:#0F9;
}
.col2{
	float:right;
	width:250px;
	background-color:#069;
	position:relative;
}
.detailsLaptop {
	background-color:#FFF;
	margin-bottom:10px;

	}
	
	.pictureDetailsLaptop{
		width:182px;
		float:left;
		margin:10px 8px 10px 10px;
	}
	
	.inforDetailsLaptop{
		width:540px;
		float:left;
		margin:10px 10px 10px 0px;
		min-height:200px;
	}
	
	.promotionDetailsLaptop{
		margin-top:10px;
		float:right;
		width:200px;
	}
	

.chitiettinhnang{
	padding:20px 10px 10px 10px;
}

.chitiettinhnang td{
	padding-left:10px;
}

.chitiettinhnang .headerRow td{
	background-color:#090;
	padding:2px 5px;
	color:#FFF;
	font-size:16px;
}
.chitiettinhnang td{
	font-size:14px;
}
.chitiettinhnang .col3{
	background-color:#F0F0F0;
	color:#090;
	font-size:16px;
}


/***********************************  tabs *******************************************/

ul.tabs {
	clear:both;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px; 
	margin-bottom: -1px; 
	overflow: hidden;
	position: relative;
	background:#090;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
ul.tabs li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; 
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { 
	background:#9A9A9A;
	border-bottom: 1px solid #fff; 
}
html ul.tabs li.active a{
	color:#FFF;
}

.tab_content{
	width:100%;
	clear:both;
}

.tab_container{
	width:100%;
}

/**********************************Chi Tiet San Pham**********************************/
.tensanpham{
	font-size:24px;
	font-weight:400;
	color:#1985c3;
}

ul.detail_laptop{
	margin:0px;
	padding:5px;
}

ul.detail_laptop li{
	margin-top:10px;
	width:100%;
	list-style-type:none;
	border-bottom:1px solid #000; 
}


/**      ý kiến bạn đọc     */
div#ykien{
	padding:5px 10px;
	width:auto;
}

/*************                 Giỏ hàng                     ************/
.giohang_content{
	background-color:#FFF; margin-top:15px ;
}
.giohang_content .box{
	padding-bottom:20px;
}
.giohang{
	padding:20px 10px 0px 10px;
}

.giohang table th{
	background-color:#999;
	color:#FFF;
	height:25px;
	font-size:16px;
	font-weight:300;
}

.giohang table tr{
	border-bottom-width: thin dotted #060;
	margin-bottom:10px;
}


.giohang_name_product{
	vertical-align:top;
	padding:10px 0px 0px 10px;
}
.giohang table a{
	color:#060;
}

.giohang_name_product a{
	color:#060;
	font-size:18px;
}

.vertical_align_top{
	vertical-align:top;
}

.align_right{
	text-align:right;
}

/* Thanh toán */
.thongtinthanhtoan table {
	margin-left:20px;
}
.thongtinthanhtoan table tr td{
	height:30px;
}

/*********************** side bar     ********************************************/

.sub_side_bar{
	width:185px;
	border: 1px solid #CCC;
	margin-bottom:10px;
}

.header{
	background-color:#090;
	padding:2px 10px;
	color:#FFF;
	font-size:20px;
}

.content_sub_side_bar{
	padding:10px 0px 10px 10px;
	background-color:#FFF;
}

.list_search{
	list-style:none;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
}
.list_search li ul{
	list-style:none;
	padding-left:5px;
}
	
.list_search li{
	list-style-type:none;
}

.list_search li a{
	text-decoration:none;
	color:#00C;
}
.list_search li ul{
	color:#858585;
}

.glossymenu{
}
	.product_type {
		
	}
	.product_type a{
		text-decoration:none;
	}
		.product_type_name{
			padding:3px 0px 3px 5px;
			background-color:#666;
		}
		.product_type_name a{
			color:#FFF;
			font-size:16px;
		}
		
		.product_type_name a:before{
			content:url(../Image/list.png);
		}
		.sub_product_list{
			background-color:#FFF;
		}
			.sub_product_list a{
				color:#000;
				font-size:14px;
			}
			.sub_product_list a:hover{
				color:#00F;
			}
			.sub_product_list .product_item_name {
				padding: 3px 0px 3px 10px;
			}
			.sub_product_list a:before{
				content:url(../Image/sub_list.png);
			}
	
	

/*******************      Hien thi san pham bang gird            ****************/
div#grid{
	width:100%;
	background-color:#FFF;
	margin-top:10px;
}

div.item_product{
	width:265px;
	height:120px;
	float:left;
	padding:20px 20px;
	border-bottom:1px dotted;
	border-right:1px dotted;
	background-color:#FFF;
}

.picture_small{
	width:110px;
	height:110px;
	float:left;
}
.picture_small .box{
	padding:2px 4px;
}


.infor_small{
	float:left;
	padding-left:15px;
	width:135px;
	padding-right:3px;	
}

.name_small a{
	font-size:14px;
	font-weight:300;
	color:#03F;
	text-decoration:none;
}
.name_small a:hover{
	text-decoration:underline;
}

p.name_small{
	line-height:60%;
}

/********************* Trang Login  *******************************/
.table_login tr{
	margin-bottom:10px;
	padding:10px;
}

#login_menu {
	
}

#login_menu a{
	text-decoration:underline;
}


#login_menu table tr td:first-child{
	text-align:right;
	width:135px;
	padding-right:15px;
	height:30px;
}


/***********************  Footer  **************************/
#bottom{
	background-color:#3EB4C8;
	height:100px;
	margin-top:30px;
}
